
.w100{
  width: 100%;
}
.padingcenter{
  padding: 0 24rpx;
}
.colorblack{
  color: #000;
}
// 分割线
.dividerLineSmall {
  border-bottom: 1rpx solid #f5f5f7;
}

// 问题分割线
.divider_line {
  border-top: 6rpx solid #eef1f5;
}

// 细分割线
.divider_thin_light {
  height: 1rpx;
  background: #eef1f5;
}

// 字体
.font24{
  font-size: 24rpx;
}
.font26{
  font-size: 26rpx;
}
.font32{
  font-size: 32rpx;
}

// 类别 标题
.bigTitle {
  font-size: 32rpx;
  font-weight: 500;
  color: #2f343a;
  line-height: 42rpx;
}
.desTextPopup {
  width: 100%;
  font-size: 28rpx;
  color: #5A5F64;
  line-height: 42rpx;
  &.heightNormal {
    min-height: 510rpx;
    height: auto;
  }
}


// 文字布局
.textCenter{
  text-align: center;
}
.textFont{
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #2F343A;
}
.textRight{
  text-align: right;
}
.lineHeight1em{
  line-height: 1em;
}


// 布局样式
.blockMt{
  margin-top: 40rpx;
}
.blockMtMinus{
  margin-top: -40rpx;
}
.blockMtIn{
  margin-top: 30rpx;
}
.blockMtInSmall{
  margin-top: 20rpx;
}
.noBlockMt{
  margin-top: -40rpx;    //用于去除 blockMt的间距
}
.mt_1{
  margin-top: 1rpx;
}
.mt10{
  margin-top: 10rpx;
}
.mt20{
  margin-top: 20rpx;
}
.mt30{
  margin-top: 30rpx;
}
.mt40{
  margin-top: 40rpx;
}
.mt50{
  margin-top: 50rpx;
}
.mt60{
  margin-top: 60rpx;
}
.mt140{
  margin-top: 140rpx;
}
.mb0 {
  margin-bottom: 0rpx;
}
.mb10 {
  margin-bottom: 10rpx;
}
.mb20 {
  margin-bottom: 20rpx;
}
.mb30 {
  margin-bottom: 30rpx;
}
.mb40 {
  margin-bottom: 40rpx;
}

.mL6{
  margin-left: 6rpx;
}
.mL10 {
  margin-left: 10rpx;
}
.mR10{
  margin-right: 10rpx;
}
.mR20{
  margin-right: 20rpx;
}
.mR26{
  margin-right: 26rpx;
}
.mr6{
  margin-right: 6rpx;
}
.overflowAuto{
  overflow: auto;
}
.overflowHidden{
  overflow: hidden;
}
.overflowDD{
  @include overflowDD(1)
}
.overflowDDTwo{
  @include overflowDD(2)
}
.overflowDDThree{
  @include overflowDD(3)
}
.widthAuto{
  @include widthAuto;
}


// 弹性布局
.displayFlex,.flex{
  display: flex;
}
.flex_1 {
  flex: 1;
}
.flexCenter{
  @include flexCenter;
}

.flexEnd{
  display: flex;
  align-items: flex-end;
}
// 水平垂直居中
.flexCenterCenter {
  @include flexCenterCenter;
}
.flexCenterSpaceBetween{
  @include flexCenterSpaceBetween;
}
.flexCenterSpaceAround{
  @include flexCenterSpaceAround;
}
.flexSpaceBetween{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;   // 两侧
}
.justifyEnd{
  justify-content: flex-end;
}

// 用于解决弹性布局，宽度的问题
.displayInlineBlock{
  display: inline-block;
  width: auto;
}

.gradient {
  background: linear-gradient(to right, #ff0000, #ffff00); /* 这里的颜色值可根据需求进行调整 */
}



